/*==============================================================================================*/
/*共用样式-css
/*==============================================================================================*/
.mian {
  background:inherit;
  overflow:inherit;
}
.guide_title {
  width: 100%;
  font-size: 35px;
  text-align: center;
  font-weight: normal;
  margin-bottom: 30px;
  line-height: 36px;
}
.guide_title a {
  color: #2e2e2e;
}
.more {
  position: relative;
  display: block;
  margin: auto;
  width: 200px;
  height: 48px;
  line-height: 48px;
  font-size: 20px;
  text-align: center;
  color: #ffffff;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.more::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: #f08300;
  background-image: linear-gradient(to bottom right, #f08300, #fc3a00);
  height: 100%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  z-index: -1;
}
.more:hover {
  color: #ffffff;
}
.more:hover::after {
  width: 100%;
}
.smore {
  border: 1px solid #f08300;
  color: #f08300;
 /*  background: #f08300;
  background-image: linear-gradient(to bottom right, #f08300, #fc3a00); */
}

/*==============================================================================================*/
/*guide_reservation-css
/*==============================================================================================*/
.guide_reservation {
  padding: 50px 0;
}
.guide_reservation ol {
  width: 100%;
  text-align: center;
}
.guide_reservation ol li {
  display: inline;
  line-height: 18px;
  font-size: 18px;
  color: #2e2e2e;
  padding: 0 20px;
  border-right: 1px solid #e1e1e1;
  cursor: pointer;
}
.guide_reservation ol .on {
  color: #f08300;
}
.guide_reservation ol li:last-child {
  border: none;
}
.guide_reservation .main {
  width: 100%;
  margin: 30px 0 15px;
}
.guide_reservation .message {
  position: relative;
  border: 2px solid #f08300;
  background-color: #ffffff;
  line-height: 60px;
}
.guide_reservation .message::after {
  position: absolute;
  content: "";
  height: 25px;
  width: 1px;
  background-color: #e1e1e1;
  left: 0;
  right: 25%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.guide_reservation .message li {
  float: left;
  width: 40%;
  padding: 0 30px;
}

.guide_reservation .message li img {
  height: 25px;
  vertical-align: middle;
  margin-right: 10px;
}
.guide_reservation .message li input {
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  width: 90%;
}
.guide_reservation .message span,
.guide_reservation .bton {
  font-size: 20px;
  display: block;
  overflow: hidden;
  background: #f08300;
  background-image: linear-gradient(to bottom right, #f08300, #fc3a00);
  color: #ffffff;
  text-align: center;
}
/*--------------留言弹出框-----------------*/
.guide_reservation .message_h {
  display: none;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  max-width: 600px;
  height: 120px;
  z-index: 999;
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);
}
.guide_reservation .message_h::after {
  position: fixed;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  background: rgba(0, 0, 0, 0.8);
  z-index: -1;
}
.guide_reservation .message_h ul {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #ffffff;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.guide_reservation .message_h ol {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 80%;
  height: 50px;
  font-size: 0;
  overflow: hidden;
  border: 1px solid #f08300;
  background-color: #f08300;
}
.guide_reservation .message_h ol input {
  padding: 0 5px;
  background-color: #ffffff;
}
.guide_reservation .message_h ol input,
.guide_reservation .message_h ol > div,
.guide_reservation .message_h .bton {
  display: inline-block;
  vertical-align: middle;
  line-height: 50px;
  height: 50px;
  width: 40%;
}
.guide_reservation .message_h ol > div img {
  width: 100%;
}
.guide_reservation .message_h .bton {
  width: 20%;
  overflow: hidden;
  border-radius: 0;
  line-height: inherit;
  border: 0;
  padding: 0;
}
.guide_reservation .message_h span {
  font-size: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

/*--提示样式--*/
.guide_reservation .tips {
  text-align: center;
  font-size: 14px;
  line-height: 60px;
  color: #666666;
}
.guide_reservation .tips span {
  color: #ff8331;
  font-size: 34px;
  letter-spacing: 1px;
}
.guide_reservation .complete {
  width: 100%;
  height: 70px;
  box-sizing: border-box;
  padding: 11px 0;
  overflow: hidden;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.guide_reservation .complete li {
  width: 50%;
  float: left;
  line-height: 48px;
  height: 48px !important;
}
.guide_reservation .complete li p {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 500px;
}
.guide_reservation .complete li:nth-child(2n) {
  text-align: right;
}
.guide_reservation .complete li:nth-child(2n) p {
  float: right;
}

/*==============================================================================================*/
/*guide_aservices-css
/*==============================================================================================*/
.guide_aservices {
  overflow: hidden;
  padding-bottom: 50px;
}
.guide_aservices .main {
  overflow: hidden;
  margin-bottom: 20px;
}
.guide_aservices .main > div {
  float: left;
}

/*--左边--*/
.guide_aservices .main .left {
  position: relative;
  background: url(../images/service-bg.png) no-repeat left center;
  height: 523px;
  text-align: center;
  padding: 60px 90px;
  width: 48%;
  background-size: auto 100%;
}
.guide_aservices .main .left a {
  color: #2e2e2e;
}
.guide_aservices .main .left dd,
.guide_aservices .main .left dd img {
  width: 120px;
  height: 120px;
  overflow: hidden;
  margin: auto;
}
.guide_aservices .main .left dd img {
  transform: rotateY(360deg);
  transition: transform 0.5s ease;
}
.guide_aservices .main .left:hover dd img {
  transform: rotateY(0deg);
}
.guide_aservices .main .left dl {
  margin: 15px 0 0;
  line-height: 40px;
}
.guide_aservices .main .left dl h2 {
  font-size: 23px;
}
.guide_aservices .main .left dl p {
  font-size: 18px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.guide_aservices .main .left ul {
  font-size: 0;
  text-align: center;
  margin: 20px 0 30px;
}
.guide_aservices .main .left ul li {
  display: inline-block;
  width: 33.33%;
  border-right: 1px solid #e1e1e1;
}
.guide_aservices .main .left ul li:last-child {
  border: none;
}
.guide_aservices .main .left ul li p {
  font-size: 18px;
  line-height: 30px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.guide_aservices .main .left .ce {
  position: absolute;
  right: 0;
  top: -1.8rem;
  bottom: 0;
  margin: auto;
  height: 65%;
}
.guide_aservices .main .left .more {
  width: 180px;
  height: 43px;
  line-height: 43px;
  font-size: 18px;
  color: #f08300;
}
.guide_aservices .main .left .more:hover{
  color: #ffffff;
}
/*--右边--*/
.guide_aservices .main .right {
  width: 52%;
}
.guide_aservices .main .right ul {
  width: 102%;
  overflow: hidden;
}
.guide_aservices .main .right ul li {
  float: left;
  width: 46%;
  margin: 2.2% 2%;
  background-color: #eeeeee;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 15px;
}
.guide_aservices .main .right ul li a {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.guide_aservices .main .right ul li img {
  display: inline-block;
  width: 103px;
  height: 103px;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.guide_aservices .main .right ul li p {
  line-height: 24px;
  font-size: 18px;
  margin: 0 20px;
  text-align: center;
  font-weight: bold;
  max-height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.guide_aservices .main .right ul li:hover {
  background-color: #f08300;
}
.guide_aservices .main .right ul li:hover p {
  color: #ffffff;
}

/*==============================================================================================*/
/*guide_provide-css
/*==============================================================================================*/
.guide_provide {
  overflow: hidden;
  padding: 50px;
  background: url(../images/provide.jpg) center center / cover no-repeat fixed;
}
.guide_provide .guide_title a {
  color: #ffffff;
}
.guide_provide .main {
  overflow: hidden;
  margin-bottom: 20px;
}
.guide_provide .main ul {
  width: 102%;
  margin-left: -1%;
}
.guide_provide .main li {
  float: left;
  width: 31.33%;
  margin: 0 1% 2%;
  background-color: #ffffff;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
}
.guide_provide .main li .pic {
  position: relative;
  width: 100%;
  height: 208px;
  overflow: hidden;
}
.guide_provide .main li .pic img {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.guide_provide .main li:hover .pic img {
  transform: scale(1.05);
}
.guide_provide .main li dd {
  padding: 20px 60px 10px;
  text-align: center;
  line-height: 32px;
}
.guide_provide .main li dd h2 {
  color: #2e2e2e;
  font-size: 24px;
}
.guide_provide .main li dd p {
  font-size: 14px;
  color: #7c7c7c;
}

.guide_provide .main li .more {
  width: 180px;
  height: 43px;
  line-height: 43px;
  color: #f08300;
  border: 1px solid #f08300;
  margin-bottom: 20px;
}
.guide_provide .main li .more:hover {
  color: #ffffff;
}

/*==============================================================================================*/
/*.guide_problem-css
/*==============================================================================================*/
.guide_problem {
  overflow: hidden;
  padding: 50px 0;
  background-color: #f9f9f9;
}
.guide_problem .main {
  margin: 40px 0 0;
  overflow: hidden;
  background: url(../images/problem.png) left 43% center no-repeat;
  background-size: auto 100%;
}
.guide_problem ul li {
  width: 50%;
  float: left;
}
.guide_problem ul li dd {
  margin: 15px 0;
  width: 304px;
  height: 109px;
  -webkit-border-radius: 28px;
  -ms-border-radius: 28px;
  -o-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  background-color: #ffffff;
  padding: 20px;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  transition: transform 0.5s ease;
}
.guide_problem ul li .pic {
  display: block;
  width: 57px;
  height: 57px;
  margin-right: 20px;
  flex-shrink: 0;
}
.guide_problem ul li .pic img {
  width: 57px;
  height: 57px;
  transition: transform 0.5s ease;
}
.guide_problem ul li .pichover {
  display: none;
}

.guide_problem ul li:nth-child(3) dd {
  margin-left: 50px;
}
.guide_problem ul li:nth-child(5) dd {
  margin-left: 100px;
}
.guide_problem ul li:nth-child(4) dd {
  margin-right: 50px;
}
.guide_problem ul li:nth-child(6) dd {
  margin-right: 100px;
}
.guide_problem ul li:nth-child(2n) dd {
  float: right;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
}
.guide_problem ul li:nth-child(2n) .pic {
  float: right;
  margin: 0 0 0 20px;
}
.guide_problem ul li dd p {
  overflow: hidden;
  font-size: 18px;
  color: #2e2e2e;
}

.guide_problem ul li dd:hover {
  background-color: #f08300;
  box-shadow: 0 0 15px rgba(249, 136, 0, 0.35);
}
.guide_problem ul li dd:hover p {
  color: #ffffff;
}
.guide_problem ul li dd:hover .pi {
  display: none;
}
.guide_problem ul li dd:hover .pichover {
  display: block;
}

/*==============================================================================================*/
/*.guide_adv-css
/*==============================================================================================*/
.guide_adv {
  overflow: hidden;
  padding: 0 0 50px;
  background-color: #f9f9f9;
}
.guide_adv .container > div {
  width: 50%;
  float: left;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.guide_adv .container .left {
  padding-right: 3%;
}
.guide_adv .container h1 {
  position: relative;
  font-weight: bolder;
  text-align: left;
  padding-bottom: 25px;
  margin-bottom: 10px;
}
.guide_adv .container h1 a {
  color: #f08300;
}
.guide_adv .container h1::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100px;
  height: 1px;
  background-color: #f08300;
}
.guide_adv .container .left li {
  padding: 25px 0 34px;
  border-bottom: 1px dashed #2e2e2e;
  cursor: pointer;
}
.guide_adv .container li dd,
.guide_adv .container li p {
  display: inline-block;
  vertical-align: middle;
}
.guide_adv .container li dd {
  position: relative;
  width: 75px;
}
.guide_adv .container li dd strong {
  position: relative;
  font-size: 60px;
  line-height: 75px;
  z-index: 1;
  color: #6b6b6b;
  overflow: hidden;
  display: block;
}
.guide_adv .container li dd strong::before {
  position: absolute;
  content: "";
  width:100px;
  height:100px;
  background: url(../images/zhe.png) no-repeat bottom left;
}
.guide_adv .container li dd span {
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: 0;
  z-index: 3;
  text-align: center;
  font-size: 26px;
  color: #2e2e2e;
}
.guide_adv .container li p {
  margin-left: 15px;
  width: 425px;
  font-size: 16px;
  color: #2e2e2e;
  line-height: 28px;
}
.guide_adv .left .on dd strong {
  color: #f9ba6d;
}
.guide_adv .left .on dd span,
.guide_adv .container .left .on p {
  color: #f08300;
}
.guide_adv .right li {
  float: left;
  width: 100%;
}
.guide_adv .right li a {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 104.6%;
}
.guide_adv .right li a img {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*==============================================================================================*/
/*.guide_about-css
/*==============================================================================================*/
.guide_about {
  position: relative;
  padding: 50px 0;
  background-color: #ffffff;
  background: url(../images/about-logo.png) no-repeat right 180px center;
  background-size: auto 90%;
}
.guide_about::before {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  top: 0;
  width: 36.6%;
  height: 100%;
  background: url(../images/about-bg.jpg) no-repeat;
  background-size: cover;
  z-index: 1;
}
.guide_about .container {
  position: relative;
  z-index: 2;
}
.guide_about .container .main,
.guide_about .container .about-bottom {
  overflow: hidden;
  width: 100%;
}
.guide_about .container .main {
  padding: 15px 0;
}
.guide_about .container h1 {
  margin-bottom: 15px;
}
.guide_about .container h1,
.guide_about .container h1 a {
  color: #ffffff;
  text-align: left;
  font-weight: bolder;
}
.guide_about .container .main dl,
.guide_about .container .main dd {
  float: left;
  width: 50%;
}
.guide_about .container .main dl a {
  display: block;
  position: relative;
  max-height: 383px;
}
.guide_about .container .main dl a img {
  width: 100%;
    z-index: 3;
    position: relative;
}
.guide_about .container .main dl a::before {
  position: absolute;
  display: block;
  content: "";
  right: 0;
  top: 0;
  width: 42.8%;
  height: 100%;
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}
.guide_about .container .main dd {
  padding-left: 68px;
}
.guide_about .container .main dd .txt{
  color: #7c7c7c;
  font-size: 14px;
  line-height: 27px;
  height: 162px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:6;
  -webkit-box-orient: vertical;
  margin: 10px 0;
  letter-spacing:0.5px;

}

.guide_about .container .main dd ul {
  text-align: center;
  font-size: 0px;
  margin:25px 0;
}
.guide_about .container .main dd ul li {
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
}
.guide_about .container .main dd ul li .pic {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  margin: 0 auto;
}
.guide_about .container .main dd ul li .pi {
  display: block;
  width: 50px;
  height: 50px;
}
.guide_about .container .main dd ul li .pih {
  display: block;
  width: 50px;
  height:0px;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  overflow: hidden;
}
.guide_about .container .main dd ul li .pih img {
  display: block;
  height: 50px;
  width: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.guide_about .container .main dd ul li:hover .pih {
  height: 50px;
}
.guide_about .container .main dd ul li p{
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #2e2e2e;
  font-size: 16px;
  margin-top: 10px;
}
.guide_about .container .main dd ul li:hover p {
  color: #f08300;
}
.guide_about .container .main dd .more{
  margin: 0;
}
.guide_about .container .about-bottom{
  width: 50%;
  margin-top:15px;
}
.guide_about .container .about-bottom ul li{
  float: left;
  margin-right:50px;
  color: #ffffff;
  text-align: left;
}
.guide_about .container .about-bottom ul li h3{
  font-size: 50px;
  line-height: 51px;
  margin-bottom: 10px;
}
.guide_about .container .about-bottom ul li h3 span{
  font-size: 20px;
  line-height: 0;
}
.guide_about .container .about-bottom ul li p{
  font-size: 16px;
}

/*==============================================================================================*/
/*.guide_team-css
/*==============================================================================================*/
.guide_team{
  position: relative;
  padding: 50px 0;
  background-color: #f9f9f9;
}
.guide_team::before{
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/team_bg.png) no-repeat left center;
  background-size: auto 90%;
  z-index: 1;
}
.guide_team .container{
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.guide_team .container .main{
  width: 945px;
  margin:30px auto;
  overflow: hidden;
}
.guide_team .container .main li{
  background-color: #ffffff;
  border: 1px solid #f9f9f9;
}
.guide_team .container .main li dl , .guide_team .container .main li dl img{
 width: 100%;
 display: block;
 overflow: hidden;
}
.guide_team .container .main li dd{
  position: relative;
  padding: 15px 20px;
  padding-right: 40px;
}
.guide_team .container .main li dd::after{
  position: absolute;
  display:block;
  content: '';
  width: 100%;
  height:5px;
  background-color: #f08300;
  left: 0;
  bottom:0;
  z-index:1;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.guide_team .container .main li dd::before{
  position: absolute;
  display:block;
  content: '';
  right:20px;
  bottom:-200px;
  top: 0;
  margin: auto;
  z-index:2;
  width:14px;
  height:26px;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: url(../images/tright.png) no-repeat center;
  background-size:100%;
  opacity: 0;
}
.guide_team .container .main li dd h3 , .guide_team .container .main li dd p{
  position: relative;
  z-index: 2;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.guide_team .container .main li dd h3{
  font-size: 20px;
  color: #f08300;
}
.guide_team .container .main li dd p{
  font-size: 14px;
  color: #2e2e2e;
  padding-top:5px;
}
.guide_team .swiper-button-prev, .guide_team .swiper-button-next{
  color: #2e2e2e;
}
.guide_team .container .main li:hover{
  border: 1px solid #f08300;
}
.guide_team .container .main li:hover dd h3 ,.guide_team .container .main li:hover dd p{
  color: #ffffff;
}
.guide_team .container .main li:hover dd::after{
  height: 100%;
}
.guide_team .container .main li:hover dd::before{
  bottom: 0;
  opacity: 1;
}

/*==============================================================================================*/
/*.guide_case-css
/*==============================================================================================*/
.guide_case{
  padding: 50px 0;
  overflow: hidden;
}
.guide_case .guide_title{
  margin: 0;
}
.guide_case .hd{
  margin:25px auto -10px;
  width: 100%;
}
.guide_case .hd ul{
  text-align: center;
  font-size: 0px;
}
.guide_case .hd li{
  display:inline-block;
  margin: 0 15px;
  vertical-align: top;
  padding:8px 25px;
  font-size: 20px;
  color: #2e2e2e;
  background-color: #f9f9f9;
  cursor: pointer;
}
.guide_case .hd .on{
  background-color: #f08300;
  color: #ffffff;
}
.guide_case .main{
  overflow: hidden;
  margin: 25px 0;
}
.guide_case .main ul{
  width: 102%;
}
.guide_case .main ul li{
  position: relative;
  float: left;
  width:23%;
  margin: 1%;
  overflow: hidden;
  height: 208px;
}
.guide_case .main ul li a{
  display:block;
}
.guide_case .main ul li dl , .guide_case .main ul li dl img{
  display: block;
  position: relative;
}
.guide_case .main ul li dd{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 20px;
  height: 100%;
  width: 100%;
  text-align: center;
  opacity: 0;
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -moz-transform: scale(0.6);
  visibility: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  background: url(../images/case-b.png) no-repeat;
  background-size: cover;
}
.guide_case .main ul li dd h3{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
}
.guide_case .main ul li:hover dd{
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
}

/*==============================================================================================*/
/*.guide_news-css
/*==============================================================================================*/
.guide_news{
  overflow: hidden;
  padding: 0 0 50px 0;
}
.guide_news .main{
  overflow: hidden;
  margin-bottom:30px;
}
.guide_news .main .hd{
  text-align: center;
  font-size: 0px;
  margin-bottom:30px;
}
.guide_news .main .hd li{
  display:inline-block;
  margin: 0 15px;
  vertical-align: top;
  padding:8px 25px;
  font-size: 20px;
  color: #2e2e2e;
  background-color: #f9f9f9;
  cursor: pointer;
}
.guide_news .main .hd .on{
  background-color: #f08300;
  color: #ffffff;
}
.guide_news .main .bd{
  width: 100%;
}
.guide_news .main .bd li{
  float: left;
  width:50%;
  background-color: #f9f9f9;
  position: relative;
  display: block;
  padding: 15px;
}
.guide_news .main .bd li:first-child{
  border-bottom:1px solid #e1e1e1;
}
.guide_news .main .bd li dl, .guide_news .main .bd li dd{
  float: left;
}
.guide_news .main .bd li dl{
  position: relative;
  width: 145px;
  height: 85px;
}
.guide_news .main .bd li dl img{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.guide_news .main .bd li dd{
  float: left;
  width: 360px;
  margin: 0 0 0 20px;
}
.guide_news .main .bd li .txt h3{
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #2e2e2e;
  font-size: 16px;
}
.guide_news .main .bd li .txt span{
  display: block;
  color: #7c7c7c;
  font-size: 14px;
  margin: 5px 0;
}
.guide_news .main .bd li .txt em{
  float: left;
  width: 10px;
  height:19px;
  background: url(../images/nright.png) no-repeat center;
  background-size: cover;
}
.guide_news .main .bd li:last-child{
  border-left: 1px solid #e1e1e1;
}
.guide_news .main .bd li:first-child{
  width:100%;
  padding: 0;
}
.guide_news .main .bd li:first-child dd ,.guide_news .main .bd li:first-child dl{
  width: 50%;
  display: block;
  height: 355px;
  margin: 0;
}
.guide_news .main .bd li:first-child dl img{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 2;
}
.guide_news .main .bd li:first-child dd{
  padding: 30px 60px;
}
.guide_news .main .bd li:first-child dd h2{
  font-size: 50px;
  line-height: 50px;
  color: #2e2e2e;
}
.guide_news .main .bd li:first-child dd .time span{
  display: block;
  color: #7c7c7c;
  font-size: 14px;
  margin:8px 0 15px;
}
.guide_news .main .bd li:first-child dd h3{
  color:#2e2e2e;
  font-size:18px;
  font-weight: normal;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.guide_news .main .bd li:first-child dd p{
  color:#7c7c7c;
  font-size:14px;
  line-height:24px;
  height:48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin:15px 0 20px;
}
.guide_news .main .bd li:first-child dd .more{
  border: 1px solid #f08300;
  color: #f08300;
  margin: 0;
  width: 150px;
  height:40px;
  line-height: 40px;
  font-size:16px;
}
.guide_news .main .bd li:first-child dd .more:hover{
  color: #ffffff;
}
.guide_news .main .bd li dl{
  position: relative;
  overflow: hidden;
}
.guide_news .main .bd li:hover .txt h3 ,.guide_news .main .bd li:first-child:hover dd h3{
  color: #f08300;
}
.guide_news .main .bd li:hover dl img {
  transform: scale(1.05);
}